<template>
	<view class="entrust-box">
		<view class="entrust-List">
			<image :src="$imgUrl + '/index/entrust1.png'" class="image-icon" mode=""></image>
			<image :src="$imgUrl + '/index/entrust2.png'" class="image-icon" mode=""></image>
			<image :src="$imgUrl + '/index/entrust3.png'" class="image-icon" mode=""></image>
		</view>
		<view class="entrust-operation">
			<view class="phone" @click="$Foundation.call(config.servicePhone)">业主专线</view>
			<view class="submit" @click="next">确认预约</view>
		</view>
	</view>
</template>
<script setup lang="ts">
import config from '@/utils/config'
const next = () => {
	if (uni.getStorageSync('userId')) {
		uni.navigateTo({
			url:'/pages/personal/entrust/add'
		})
	}else{
		uni.navigateTo({
			url:'/pages/login/login'
		})
	}
}
</script>
<style lang="scss" scoped>
.entrust-box{
	.entrust-List{
		display: flex;
		flex-direction: column;
		padding-bottom: 150rpx;
		.image-icon{
			width: 686rpx;
			height: 384rpx;
			margin: 32rpx 32rpx 0 32rpx;
		}
	}
	.entrust-operation{
		display: flex;
		justify-content: space-between;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 24rpx 32rpx;
		background: #fff;
		.phone{
			width: 327rpx;
			height: 76rpx;
			border-radius: 100rpx;
			border: 2rpx solid rgba(253, 150, 24, 1);
			color: rgba(253, 150, 24, 1);
			text-align: center;
			line-height: 76rpx;
			font-size: 32rpx;
		}
		.submit{
			width: 327rpx;
			height: 76rpx;
			border-radius: 100rpx;
			background: rgba(253, 150, 24, 1);
			text-align: center;
			line-height: 76rpx;
			font-size: 32rpx;
			color: #fff;
		}
	}
}
</style>